$(function() {
	$("#changesubmit").click(function() {
		modify();
	});


	console.log("hello");
	$.jgrid.defaults.styleUI = 'Bootstrap';

    $.ajax({
        url:"/eventtrack/eventdemand/demandlistforadd",
        type:"POST",
        beforeSend:function(){

        },
        success:function(data){
            console.log(data);
            buildgrid(data);
        },
        error:function(){
            console.log("error");
        },
        complete:function(){
            $("#loading").hide();
        }
    });

});

function buildgrid(demandinfo) {
    $("#table_list_2").jqGrid(
        {
            url : "/eventtrack/eventdetail/eventlist",
            datatype : "json",
            mtype : "POST",
            height : "100%",
            autowidth : true,
            jsonReader: {
                root:"dataList",
                page:"currentPage",
                total:"totalPage",          //   很重要 定义了 后台分页参数的名字。
                records:"totalCount"
            },
            rownumbers : true,        // 必须为true
            shrinkToFit : true,
            rowNum : 10,
            rowList : [ 10, 20, 30 ],
            colNames : [ '埋点需求id','埋点需求编号','需求名称','埋点需求版本号','事件名称','事件id','事件描述','平台','事件触发示例','导入批次号','创建时间','修改时间', '操作' ],
            colModel : [
                {
                    name : 'demandId',
                    index : 'demandId',
                    editable : true,
                    hidden: true,
                    editrules:{edithidden: true},
                    edittype:"select",
                    editoptions:{
                        value: demandinfo
                    },
                    width : 90,
                },
                {
                    name : 'demandCode',
                    index : 'demandCode',
                    editable: false,
                    width : 90
                },
                {
                    name : 'demandName',
                    index : 'demandName',
                    editable: false,
                    width : 90
                },
                {
                    name : 'demandBatchCode',
                    index : 'demandBatchCode',
                    editable: false,
                    width : 90
                },
                {
                    name : 'eventName',
                    index : 'eventName',
                    editable: true,
                    width : 90
                },
                {
                    name : 'eventId',
                    index : 'eventId',
                    editable : true,
                    width : 90
                },
                {
                    name : 'eventDesc',
                    index : 'eventDesc',
                    editable : true,
                    width : 90
                },
                {
                    name : 'platform',
                    index : 'platform',
                    editable : true,
                    width : 90
                },
                {
                    name : 'eventTriggerExample',
                    index : 'eventTriggerExample',
                    editable : true,
                    width : 90,
                    formatter : function(value, options, row) {// value:当前对象 row：当前行
                        if (value != null) {
                            return "<img src=/file/" + value + " width='100px' />";
                        } else {
                            return value;
                        }
                    }
                },
                {
                    name : 'batchCode',
                    index : 'batchCode',
                    editable : true,
                    width : 90
                },
                {
                    name : 'createTime',
                    index : 'createTime',
                    editable : false,
                    width : 90,
                    formatter:"date",
                    formatoptions: {srcformat:'U/1000',newformat:'Y-m-d H:i:s'}
                },
                {
                    name : 'updateTime',
                    index : 'updateTime',
                    editable : false,
                    hidden: true,
                    width : 90,
                    formatter:"date",
                    formatoptions: {srcformat:'U/1000',newformat:'Y-m-d H:i:s'}
                },
                {
                    name : 'handle',
                    index : 'handle',
                    width : 100,
                    sortable : false
                }
            ],
            pager : "#pager_list_2",
            viewrecords : true,
            caption : "埋点需求列表",
            add : true,
            edit : false,
            addtext : 'Add',
            editurl : "/eventtrack/eventdetail/addevent",
            hidegrid : false,
            gridComplete : function() {
                console.log("grid Complete");
                var ids = $("#table_list_2").jqGrid("getDataIDs");
                var bodys = $("#table_list_2").jqGrid("getRowData");
                for (var int = 0; int < ids.length; int++) {
                    var id = ids[int];


                    var modify = "<a href='#' style='color:#f60' onclick='changedialogshow(" + id + ")'>修改</a>"; //这里的onclick就是调用了上面的javascript函数 Modify(id)
                    var del = "<a href='#'  style='color:#f60' onclick='deldialog(" + id + ")' >删除</a>";
                    var get = "<a href='/eventtrack/eventdetail/eventrecordpage?eventId="+ id +"'  style='color:#f60' >查看详情</a>";
                    if (bodys[int].name == "未分配") {
                        del = "";
                        modify = "";
                    }
                    var result = $("#table_list_2").jqGrid("setRowData", id, {
                        handle : modify + "&nbsp &nbsp" + del + "&nbsp &nbsp" + get
                    });
                }
            }


        });

    //	// Add selection
    //	$("#table_list_2").setSelection(4, true);
    //

    // Setup buttons
    $("#table_list_2").jqGrid('navGrid', '#pager_list_2', {
        edit : false,
        add : true,
        del : false,
        search : false
    }, {
        height : 300,
        reloadAfterSubmit : true
    });


    $(window).bind('resize', function() {
        var width = $('.jqGrid_wrapper').width();
        $('#table_list_2').setGridWidth(width);
    });

}

function deldialog(id) {
//    showdialog("确定要解散此部门吗？","确定","关闭" , function () {
//		del(id);
//    } ,function () {})
    
    deletealert("" , "确定要解散此部门吗？" , function(){del(id);});
    
    
}
function del(id) {
	var jsondata = {
		"id" : id
	};
	$.ajax({
		url : "/eventtrack/eventdetail/deleteevent",
		type : "POST",
		data : jsondata,
		success : function(data, stutas) {
			console.log(data);
			if (data == "1") {
				$("#table_list_2").trigger("reloadGrid");
                successalert("" , "部门解散成功!");
			} else if (data == "4") {
                warningalert("" , "不能删除默认部门!");
			} else {
                erroralert("" , "出现错误，请重试!");
			}
		},
		error : function() {
			erroralert("" , "出现错误，请重试!");
		}
	});


}
function modify() {
	$.ajax({
		url : "/eventtrack/eventdetail/setevent",
		type : "POST",
		data : $("#changefrom").serialize(),
		success : function(data) {
			if (data == 1) {
                 successalert("" , "部门信息修改完成!");
				$("#table_list_2").trigger("reloadGrid");
				changedialogdismiss();
			} else {
				erroralert("" , "出现错误，请重试!");
			}

		},
		error : function() {
			erroralert("" , "出现错误，请重试!");
		}
	});
}

function getdialog(eventId) {
    alert(eventId)
    var jsondata = {
        "eventId" : eventId
    };
    $.ajax({
        url : "/eventtrack/eventdetail/eventrecordpage",
        type : "GET",
        data : jsondata,
        success : function(data, stutas) {
            console.log(data);
            // if (data == "1") {
            //     $("#table_list_2").trigger("reloadGrid");
            //     successalert("" , "部门解散成功!");
            // } else if (data == "4") {
            //     warningalert("" , "不能删除默认部门!");
            // } else {
            //     erroralert("" , "出现错误，请重试!");
            // }
        },
        error : function() {
            erroralert("" , "出现错误，请重试!");
        }
    });
}







function changedialogdismiss() {
	$("#changedialog").hide(speed = "slow");
}
function changedialogshow(id) {
	datas = $("#table_list_2").jqGrid("getRowData", id);
	console.log("eid:" + datas.name);
	$("#id").val(id);
	// $("#deptname").attr("value", datas.name);
    $("#demandId").val(datas.demandId);
    $("#eventName").val(datas.eventName);
    $("#eventId").val(datas.eventId);
    $("#eventDesc").val(datas.eventDesc);
	$("#changedialog").show(speed = "slow");
}

